<template>
	<!-- vip-50 -->
	<view class="zy-p-lg zy-mt-lg" style="background-color: white;">
		<!-- vip-?;活动；更多 -->
		<view class="zy-row-between">
			<!-- vip-?;活动 -->
			<view class="zy-row">
				<image src="@/static/img/zone_vip_50.png" style="width: 175rpx;" mode="widthFix"></image>
				<view class="zy-row zy-ml" style="position: relative; width: 160rpx; height: 40rpx;">
					<image src="@/static/img/home_activity.png" style="width: 100%; height: 100%;" mode="aspectFit"></image>
					<view class="zy-row" style="position: absolute; z-index: 99; width: 100%; height: 100%;">
						<view class="zy-row-center zy-flex zy-row zy-text-white-sm-super" style="height: 100%;"> Subsu </view>
						<view class="zy-row-center zy-flex zy-row zy-text-main-lg-bold" style="height: 100%;font-style:italic;">5%</view>
					</view>
				</view>
			</view>
			<!-- 更多 -->
			<view class="zy-row">
				<view class="zy-text-gray zy-mr-sm">Lihat lagi</view>
				<zy-arrow-right></zy-arrow-right>
			</view>
		</view>
		<scroll-view class="zy-scroll-x" scroll-x="true" >
			<view class="zy-row zy-mt">
				<view class="zy-mr" style="width: 240rpx;">
					<view style="width: 240rpx; height: 240rpx; position: relative; ">
						<image style="width: 100%; height: 100%;border-radius: 15rpx;" :src="getTestImage()"></image>
						<zy-button content="₱0.00" size="sm" style="position: absolute; top: 15rpx; left: 15rpx;"></zy-button>
						<zy-button content="NEW" size="sm" color="black" style="position: absolute; bottom: 15rpx; right: 15rpx;"></zy-button>
					</view>
					<view class="zy-text-black-lg-bold zy-mt-sm"> Product title </view>
					<view class="zy-row">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-main-lg-bold">10.00</view>
					</view>
				</view>
				<view class="zy-mr" style="width: 240rpx;">
					<view style="width: 240rpx; height: 240rpx; position: relative; ">
						<image style="width: 100%; height: 100%;border-radius: 15rpx;" :src="getTestImage()"></image>
						<zy-button content="₱0.00" size="sm" style="position: absolute; top: 15rpx; left: 15rpx;"></zy-button>
						<zy-button content="NEW" size="sm" color="black" style="position: absolute; bottom: 15rpx; right: 15rpx;"></zy-button>
					</view>
					<view class="zy-text-black-lg-bold zy-mt-sm"> Product title </view>
					<view class="zy-row">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-main-lg-bold">10.00</view>
					</view>
				</view>
				<view class="zy-mr" style="width: 240rpx;">
					<view style="width: 240rpx; height: 240rpx; position: relative; ">
						<image style="width: 100%; height: 100%;border-radius: 15rpx;" :src="getTestImage()"></image>
						<zy-button content="₱0.00" size="sm" style="position: absolute; top: 15rpx; left: 15rpx;"></zy-button>
						<zy-button content="NEW" size="sm" color="black" style="position: absolute; bottom: 15rpx; right: 15rpx;"></zy-button>
					</view>
					<view class="zy-text-black-lg-bold zy-mt-sm"> Product title </view>
					<view class="zy-row">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-main-lg-bold">10.00</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name:"home-cell-3",
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>